
<!DOCTYPE html>
<html lang="en">
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="Chrunch Press">
    <meta name="author" content="Chrunch Press">
    <meta name="description" content="Awesome Description Here">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="keywords" content="location, based, messaging, social, network, service, nearby, friends, community, neighborhood, local, events">
    <title>Pageant Beauty Palace</title>
    <!--[if lt IE 9]>
    <script src="js/html5.js"></script>
    <![endif]-->
    <!-- Bootstrap core CSS -->
    <link href="css/bootstrap.css" rel="stylesheet">
    <!-- Add custom CSS here -->
    <link href="css/color.css" rel="stylesheet">
    <link href="css/styles.css" rel="stylesheet">

    <!-- Bx-Slider -->
    <link href="font-awesome/css/font-awesome.min.css" rel="stylesheet">
</head>
<body>
<!-- /. Main Container start ./-->
<div class="wrapper inner">
<!-- /. topbar start ./-->
<div class="topbar">
    <div class="container">
        <div class="row">
            <div class="col-lg-6 col-md-6 topnav"> <a href="branches.html">Branches</a> | <a href="reservation.html">Reservations</a> | <span>0800 1234 5678</span> </div>
            <div class="col-lg-6 col-md-6">
                <div class="social pull-left"> <a href="#" title="Facebook"><i class="fa fa-facebook-square"></i></a> <a href="#" title="Linkedin"><i class="fa fa-linkedin-square"></i></a> <a href="#" title="Gplus"><i class="fa fa-google-plus-square"></i></a> <a href="#" title="Twitter"><i class="fa fa-twitter-square"></i></a> <a href="#" title="Pinterest"><i class="fa fa-pinterest-square"></i></a> <a href="#" title="Instagram"><i class="fa fa-instagram"></i></a> <a href="#" title="Flickr"><i class="fa fa-flickr"></i></a> </div>
                <div class="hlinks pull-right">
                    <ul>
                        <li> <a href="cart.html"> <i class="fa fa-shopping-cart"></i> Shoping Cart</a></li>
                        <li><a href="register.html">Sign up</a></li>
                        <li><a href="#">Log In</a></li>
                        <li>
                            <input type="search" id="search"/>
                            <a id="search-active" class="search-toggle"><span class="hsearch"><i class="fa fa-search"></i></span></a> </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- /. topbar end ./-->

<!-- /. Header Start ./-->
<header id="header">
    <div class="container">
        <div class="row">
            <div class="col-lg-3 col-md-3">
                <div class="logo"><a href="index.html"><img src="images/inner-logo.png" alt="Logo" title="Pageant Beauty Palace"/></a></div>
            </div>
            <div class="col-lg-9 col-md-9">
                <!-- Collect the nav links, forms, and other content for toggling -->
                <div>
                    <div class="navbar mm">
                        <div>
                            <nav class="navbar navbar-default" role="navigation">
                                <!-- Brand and toggle get grouped for better mobile display -->
                                <div class="navbar-header">
                                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse-1"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
                                </div>
                                <div id="navbar-collapse-1" class="collapse navbar-collapse pull-right">
                                    <ul class="nav navbar-nav">
                                        <li><a href="index.html">Home</a></li>
                                        <li class="dropdown"><a href="index.html" data-toggle="dropdown" class="dropdown-toggle">Pages<b class="caret"></b></a>
                                            <ul role="menu" class="dropdown-menu">
                                                <li><a tabindex="-1" href="aboutus-01.html"> About Us 1 </a></li>
                                                <li><a tabindex="-1" href="aboutus-02.html"> About Us 2 </a></li>
                                                <li><a tabindex="-1" href="pricing-01.html"> Prices 1 </a></li>
                                                <li><a tabindex="-1" href="pricing-02.html"> Prices 2 </a></li>
                                                <li><a tabindex="-1" href="team-01.html"> Team 1 </a></li>
                                                <li><a tabindex="-1" href="team-02.html"> Team 2 </a></li>
                                                <li><a tabindex="-1" href="404.html"> 404</a></li>
                                                <li><a tabindex="-1" href="testimonials.html"> Testimonials</a></li>
                                                <li><a tabindex="-1" href="reservation.html"> RESERVATIONS</a></li>
                                            </ul>
                                        </li>

                                        <!-- Classic list -->
                                        <li class="dropdown"><a href="#" data-toggle="dropdown" class="dropdown-toggle">Services<b class="caret"></b></a>
                                            <ul class="dropdown-menu">
                                                <li>
                                                    <!-- Content container to add padding -->
                                                    <div class="mm-content">
                                                        <div class="row">
                                                            <ul class="col-sm-4 list-unstyled">
                                                                <li>
                                                                    <p><strong>Section Title</strong></p>
                                                                </li>
                                                                <li><a href="services.html">Services Page</a></li>
                                                                <li><a href="services-details.html">Services Details</a></li>
                                                                <li><a href="#">Body Massage</a></li>
                                                                <li><a href="#">Special Facial</a></li>
                                                                <li><a href="#">Manicure</a></li>
                                                                <li><a href="#">Pedicure</a></li>
                                                            </ul>
                                                            <ul class="col-sm-4 list-unstyled">
                                                                <li>
                                                                    <p><strong>Section Title</strong></p>
                                                                </li>
                                                                <li><a href="#">Body Massage</a></li>
                                                                <li><a href="#">Spa Treatments</a></li>
                                                                <li><a href="#">Body Massage</a></li>
                                                                <li><a href="#">Special Facial</a></li>
                                                                <li><a href="#">Manicure</a></li>
                                                                <li><a href="#">Pedicure</a></li>
                                                            </ul>
                                                            <ul class="col-sm-4 list-unstyled">
                                                                <li>
                                                                    <p><strong>Section Title</strong></p>
                                                                </li>
                                                                <li><a href="#">Body Massage</a></li>
                                                                <li><a href="#">Spa Treatments</a></li>
                                                                <li><a href="#">Body Massage</a></li>
                                                                <li><a href="#">Special Facial</a></li>
                                                                <li><a href="#">Manicure</a></li>
                                                                <li><a href="#">Pedicure</a></li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                </li>
                                            </ul>
                                        </li>

                                        <!-- Blog -->
                                        <li class="dropdown"><a href="#" data-toggle="dropdown" class="dropdown-toggle">BLOG<b class="caret"></b></a>
                                            <ul role="menu" class="dropdown-menu">
                                                <li><a tabindex="-1" href="blog-full.html"> Full Width </a></li>
                                                <li><a tabindex="-1" href="blog-masanary.html"> Masonry Style </a></li>
                                                <li><a tabindex="-1" href="blog.html"> Single Column (With Sidebar) </a></li>
                                                <li><a tabindex="-1" href="blog-02-column.html"> Double Column</a></li>
                                                <li><a tabindex="-1" href="blog-03-column.html"> Three Column</a></li>
                                            </ul>
                                        </li>
                                        <!-- Blog End -->

                                        <!-- Product -->
                                        <li class="dropdown"><a href="#" data-toggle="dropdown" class="dropdown-toggle">Products<b class="caret"></b></a>
                                            <ul role="menu" class="dropdown-menu">
                                                <li><a tabindex="-1" href="products.html"> Product Listing </a></li>
                                                <li><a tabindex="-1" href="product-details.html"> Product Details</a></li>
                                                <li><a tabindex="-1" href="cart.html"> Cart </a></li>
                                                <li><a tabindex="-1" href="checkout.html"> Check Out</a></li>
                                                <li><a tabindex="-1" href="register.html"> Login</a></li>
                                                <li><a tabindex="-1" href="register.html"> Register</a></li>
                                            </ul>
                                        </li>
                                        <!-- Product End -->

                                        <!-- Product -->
                                        <li class="dropdown"><a href="#" data-toggle="dropdown" class="dropdown-toggle">Gallery<b class="caret"></b></a>
                                            <ul role="menu" class="dropdown-menu">
                                                <li><a tabindex="-1" href="galletry01.html"> Double Column </a></li>
                                                <li><a tabindex="-1" href="galletry02.html"> Three Column</a></li>
                                                <li><a tabindex="-1" href="galletry03.html"> Four Column</a></li>
                                                <li><a tabindex="-1" href="galletry04.html"> Masonry Style</a></li>
                                            </ul>
                                        </li>
                                        <!-- Product End -->

                                        <!-- Contact Us -->
                                        <li class="dropdown"><a href="#" data-toggle="dropdown" class="dropdown-toggle">Contact Us<b class="caret"></b></a>
                                            <ul role="menu" class="dropdown-menu">
                                                <li><a tabindex="-1" href="contact-01.html"> Contact Us 1 </a></li>
                                                <li><a tabindex="-1" href="contact-02.html"> Contact Us 2</a></li>
                                                <li><a tabindex="-1" href="branches.html"> Branches 1</a></li>
                                                <li><a tabindex="-1" href="branches2.html"> Branches 2</a></li>
                                            </ul>
                                        </li>
                                        <!-- Contact Us End -->

                                    </ul>
                                </div>
                            </nav>
                        </div>
                    </div>
                </div>
                <!-- /.navbar-collapse -->
            </div>
        </div>
    </div>
</header>
<!-- /. Header End ./-->

<!-- /.inner title Start ./-->
<section class="inner-titlebg">
    <div class="container">
        <div class="row">
            <div class="col-lg-12 col-md-12">
                <h2>Gallery</h2>
            </div>
            <div>
                <div class="col-lg-9 col-md-9">
                    <h5>There are many variations of passages of Lorem Ipsum available but the majority have suffered alteration in some form.</h5>
                </div>
                <div class="col-lg-3 col-md-3">
                    <ul class="bcrumb pull-right">
                        <li> <a href="#">Home </a></li>
                        <li><a href="#"> Gallery</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- /.inner title Start ./-->
<div class="gap"></div>

<!-- /.gallery Start ./-->

<section class="gallery image-gallery">
<div class="container">
<div class="row gallery col-4">
<div class="col-lg-9">
    <ul class="gallery-items">
        <li class="col-md-3 col-sm-3"> <a href="images/gallery-01.jpg" data-rel="prettyPhoto[gallery1]"><img src="images/gallery-01.jpg" alt="Pageant Beauty Palace" />
            <div class="ghover"> <span class="pluss"><i class="fa fa-plus"></i></span> </div>
        </a> </li>
        <li class="col-md-3 col-sm-3"> <a href="images/gallery-02.jpg" data-rel="prettyPhoto[gallery1]"><img src="images/gallery-02.jpg" alt="Pageant Beauty Palace" />
            <div class="ghover"> <span class="pluss"><i class="fa fa-plus"></i></span> </div>
        </a> </li>
        <li class="col-md-3 col-sm-3"> <a href="images/gallery-03.jpg" data-rel="prettyPhoto[gallery1]"><img src="images/gallery-03.jpg" alt="Pageant Beauty Palace" />
            <div class="ghover"> <span class="pluss"><i class="fa fa-plus"></i></span> </div>
        </a> </li>
        <li class="col-md-3 col-sm-3"> <a href="images/gallery-04.jpg" data-rel="prettyPhoto[gallery1]"><img src="images/gallery-04.jpg" alt="Pageant Beauty Palace" />
            <div class="ghover"> <span class="pluss"><i class="fa fa-plus"></i></span> </div>
        </a> </li>
    </ul>
    <ul class="gallery-items">
        <li class="col-md-3 col-sm-3 cp_load fadeInUp"> <a href="images/gallery-05.jpg" data-rel="prettyPhoto[gallery1]"><img src="images/gallery-05.jpg" alt="Pageant Beauty Palace" />
            <div class="ghover"> <span class="pluss"><i class="fa fa-plus"></i></span> </div>
        </a> </li>
        <li class="col-md-3 col-sm-3 cp_load fadeInUp"> <a href="images/gallery-06.jpg" data-rel="prettyPhoto[gallery1]"><img src="images/gallery-06.jpg" alt="Pageant Beauty Palace" />
            <div class="ghover"> <span class="pluss"><i class="fa fa-plus"></i></span> </div>
        </a> </li>
        <li class="col-md-3 col-sm-3 cp_load fadeInUp"> <a href="images/gallery-07.jpg" data-rel="prettyPhoto[gallery1]"><img src="images/gallery-07.jpg" alt="Pageant Beauty Palace" />
            <div class="ghover"> <span class="pluss"><i class="fa fa-plus"></i></span> </div>
        </a> </li>
        <li class="col-md-3 col-sm-3 cp_load fadeInUp"> <a href="images/gallery-08.jpg" data-rel="prettyPhoto[gallery1]"><img src="images/gallery-08.jpg" alt="Pageant Beauty Palace" />
            <div class="ghover"> <span class="pluss"><i class="fa fa-plus"></i></span> </div>
        </a> </li>
    </ul>
    <ul class="gallery-items">
        <li class="col-md-3 col-sm-3 cp_load fadeInUp"> <a href="images/gallery-01.jpg" data-rel="prettyPhoto[gallery1]"><img src="images/gallery-01.jpg" alt="Pageant Beauty Palace" />
            <div class="ghover"> <span class="pluss"><i class="fa fa-plus"></i></span> </div>
        </a> </li>
        <li class="col-md-3 col-sm-3 cp_load fadeInUp"> <a href="images/gallery-02.jpg" data-rel="prettyPhoto[gallery1]"><img src="images/gallery-02.jpg" alt="Pageant Beauty Palace" />
            <div class="ghover"> <span class="pluss"><i class="fa fa-plus"></i></span> </div>
        </a> </li>
        <li class="col-md-3 col-sm-3 cp_load fadeInUp"> <a href="images/gallery-03.jpg" data-rel="prettyPhoto[gallery1]"><img src="images/gallery-03.jpg" alt="Pageant Beauty Palace" />
            <div class="ghover"> <span class="pluss"><i class="fa fa-plus"></i></span> </div>
        </a> </li>
        <li class="col-md-3 col-sm-3 cp_load fadeInUp"> <a href="images/gallery-04.jpg" data-rel="prettyPhoto[gallery1]"><img src="images/gallery-04.jpg" alt="Pageant Beauty Palace" />
            <div class="ghover"> <span class="pluss"><i class="fa fa-plus"></i></span> </div>
        </a> </li>
    </ul>
    <ul class="gallery-items">
        <li class="col-md-3 col-sm-3 cp_load fadeInUp"> <a href="images/gallery-05.jpg" data-rel="prettyPhoto[gallery1]"><img src="images/gallery-05.jpg" alt="Pageant Beauty Palace" />
            <div class="ghover"> <span class="pluss"><i class="fa fa-plus"></i></span> </div>
        </a> </li>
        <li class="col-md-3 col-sm-3 cp_load fadeInUp"> <a href="images/gallery-06.jpg" data-rel="prettyPhoto[gallery1]"><img src="images/gallery-06.jpg" alt="Pageant Beauty Palace" />
            <div class="ghover"> <span class="pluss"><i class="fa fa-plus"></i></span> </div>
        </a> </li>
        <li class="col-md-3 col-sm-3 cp_load fadeInUp"> <a href="images/gallery-07.jpg" data-rel="prettyPhoto[gallery1]"><img src="images/gallery-07.jpg" alt="Pageant Beauty Palace" />
            <div class="ghover"> <span class="pluss"><i class="fa fa-plus"></i></span> </div>
        </a> </li>
        <li class="col-md-3 col-sm-3 cp_load fadeInUp"> <a href="images/gallery-08.jpg" data-rel="prettyPhoto[gallery1]"><img src="images/gallery-08.jpg" alt="Pageant Beauty Palace" />
            <div class="ghover"> <span class="pluss"><i class="fa fa-plus"></i></span> </div>
        </a> </li>
    </ul>
</div>

<!-- /.gallery End ./-->

<div class="col-lg-3 col-md-3 sidebar">
    <!-- /.Search ./-->
    <div class="search">
        <form>
            <input name="" type="text" placeholder="Search for:">
            <button><i class="fa fa-search"></i></button>
        </form>
    </div>
    <!-- /.Search End ./-->
    <!-- /.Services list ./-->
    <div class="services-list"> <strong class="stitle">Latest Posts</strong>
        <ul class="slist">
            <li class="simg"><img src="images/twuser-1.jpg" alt=""></li>
            <li class="spost"> <strong>Lorem Ipsum dolar sit</strong>
                <p>Sed tristique in urna nec ullamcorper integer egestas accumsan elit.</p>
            </li>
        </ul>
        <ul class="slist">
            <li class="simg"><img src="images/fp4.jpg" alt=""></li>
            <li class="spost"> <strong>Lorem Ipsum dolar sit</strong>
                <p>Sed tristique in urna nec ullamcorper integer egestas accumsan elit.</p>
            </li>
        </ul>
        <ul class="slist">
            <li class="simg"><img src="images/twuser-3.jpg" alt="" ></li>
            <li class="spost"> <strong>Lorem Ipsum dolar sit</strong>
                <p>Sed tristique in urna nec ullamcorper integer egestas accumsan elit.</p>
            </li>
        </ul>
        <ul class="slist">
            <li class="simg"><img src="images/fp7.jpg" alt=""></li>
            <li class="spost"> <strong>Lorem Ipsum dolar sit</strong>
                <p>Sed tristique in urna nec ullamcorper integer egestas accumsan elit.</p>
            </li>
        </ul>
    </div>
    <!-- /.services list end ./-->
    <div class="gap-30"></div>

    <!-- /.Categoris list start ./-->
    <div class="ser-cats"> <strong class="stitle2">Categories</strong>
        <ul>
            <li><a href="#">Full Body Massage</a></li>
            <li><a href="#">Waxing</a></li>
            <li><a href="#">Manicure</a></li>
            <li><a href="#">Pedicure</a></li>
            <li><a href="#">Special Therapy</a></li>
            <li><a href="#">Full Facial</a></li>
        </ul>
    </div>
    <!-- /.Categoris list End ./-->

    <!-- /.Flick start ./-->
    <div>
        <div class="gap-30"></div>
        <strong class="stitle2">Flickr Images</strong>
        <ul class="lb-album">
            <li> <a href="#image-11"> <img src="images/fp1.jpg" alt="image01"> <span><i class="fa fa-search-plus"></i></span> </a>
                <div class="lb-overlay" id="image-11"> <img src="images/large/large1.gif" alt="image01" />
                    <div>
                        <p>Image Tagline Will Come here</p>
                    </div>
                    <a href="#page" class="lb-close"><i class="fa fa-times-circle"></i></a> </div>
            </li>
            <li> <a href="#image-21"> <img src="images/fp2.jpg" alt="image01"> <span><i class="fa fa-search-plus"></i></span> </a>
                <div class="lb-overlay" id="image-21"> <img src="images/large/large1.gif" alt="image01" />
                    <div>
                        <p>Image Tagline Will Come here</p>
                    </div>
                    <a href="#page" class="lb-close"><i class="fa fa-times-circle"></i></a> </div>
            </li>
            <li> <a href="#image-31"> <img src="images/fp3.jpg" alt="image01"> <span><i class="fa fa-search-plus"></i></span> </a>
                <div class="lb-overlay" id="image-31"> <img src="images/large/large1.gif" alt="image01" />
                    <div>
                        <p>Image Tagline Will Come here</p>
                    </div>
                    <a href="#page" class="lb-close"><i class="fa fa-times-circle"></i></a> </div>
            </li>
            <li> <a href="#image-41"> <img src="images/fp4.jpg" alt="image01"> <span><i class="fa fa-search-plus"></i></span> </a>
                <div class="lb-overlay" id="image-41"> <img src="images/large/large1.gif" alt="image01" />
                    <div>
                        <p>Image Tagline Will Come here</p>
                    </div>
                    <a href="#page" class="lb-close"><i class="fa fa-times-circle"></i></a> </div>
            </li>
            <li> <a href="#image-51"> <img src="images/fp5.jpg" alt="image01"> <span><i class="fa fa-search-plus"></i></span> </a>
                <div class="lb-overlay" id="image-51"> <img src="images/large/large1.gif" alt="image01" />
                    <div>
                        <p>Image Tagline Will Come here</p>
                    </div>
                    <a href="#page" class="lb-close"><i class="fa fa-times-circle"></i></a> </div>
            </li>
            <li> <a href="#image-61"> <img src="images/fp1.jpg" alt="image01"> <span><i class="fa fa-search-plus"></i></span> </a>
                <div class="lb-overlay" id="image-61"> <img src="images/large/large1.gif" alt="image01" />
                    <div>
                        <p>Image Tagline Will Come here</p>
                    </div>
                    <a href="#page" class="lb-close"><i class="fa fa-times-circle"></i></a> </div>
            </li>
            <li> <a href="#image-71"> <img src="images/fp7.jpg" alt="image01"> <span><i class="fa fa-search-plus"></i></span> </a>
                <div class="lb-overlay" id="image-71"> <img src="images/large/large1.gif" alt="image01" />
                    <div>
                        <p>Image Tagline Will Come here</p>
                    </div>
                    <a href="#page" class="lb-close"><i class="fa fa-times-circle"></i></a> </div>
            </li>
            <li> <a href="#image-81"> <img src="images/fp8.jpg" alt="image01"> <span><i class="fa fa-search-plus"></i></span> </a>
                <div class="lb-overlay" id="image-81"> <img src="images/large/large1.gif" alt="image01" />
                    <div>
                        <p>Image Tagline Will Come here</p>
                    </div>
                    <a href="#page" class="lb-close"><i class="fa fa-times-circle"></i></a> </div>
            </li>
            <li> <a href="#image-91"> <img src="images/fp9.jpg" alt="image01"> <span><i class="fa fa-search-plus"></i></span> </a>
                <div class="lb-overlay" id="image-91"> <img src="images/large/large1.gif" alt="image01" />
                    <div>
                        <p>Image Tagline Will Come here</p>
                    </div>
                    <a href="#page" class="lb-close"><i class="fa fa-times-circle"></i></a> </div>
            </li>
        </ul>
    </div>
    <!-- /.Flick End ./-->

    <div class="gap-30"></div>

    <!-- /.Archive start ./-->
    <div class="ser-cats"> <strong class="stitle2">Archives</strong>
        <ul>
            <li>January <span>2014 <i>(04)</i></span> </li>
            <li>December<span>2013 <i>(04)</i></span> </li>
            <li>November <span>2013 <i>(04)</i></span></li>
            <li>October <span>2013 <i>(04)</i></span></li>
            <li>September <span>2013 <i>(04)</i></span></li>
            <li>August <span>2013 <i>(04)</i></span></li>
        </ul>
    </div>
    <!-- /.Aarchive end ./-->

    <div class="gap-30"></div>

    <!-- /.Facebook start ./-->
    <div class="facebook-box"> <strong class="stitle2">Facebook</strong>
        <iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2FFacebookDevelopers&amp;width&amp;height=258&amp;colorscheme=light&amp;show_faces=true&amp;header=false&amp;stream=false&amp;show_border=true&amp;appId=133982306765662" style="border:none; overflow:hidden; height:258px;" ></iframe>
    </div>
    <!-- /.Facebook end ./-->

    <!-- /.Tags start ./-->
    <div class="tags"> <strong class="stitle"> Tags</strong>
        <ul>
            <li><a href="#">Massage</a></li>
            <li><a href="#">Skin Care</a></li>
            <li><a href="#">Waxing</a></li>
            <li><a href="#">Special Therapy</a></li>
            <li><a href="#">Manicure</a></li>
            <li><a href="#">Pedicure</a></li>
            <li><a href="#">Reflexology</a></li>
        </ul>
    </div>
    <!-- /.Tags End ./-->

    <div class="gap-30"></div>

    <!-- /.banner start ./-->
    <div> <img src="images/sidebar-banner.jpg" alt=""> </div>
    <!-- /.banner end ./-->

</div>
</div>
</div>
</section>
<!-- /.gallery End ./-->

<div class="gap"></div>

<!-- /. Footer Start ./-->

<section id="footer">

    <!-- /. Footer Bottom Bar ./-->

    <section class="footer-mid">
        <div class="footer-midbg">
            <div class="container">
                <div class="row">
                    <div class="col-lg-3 col-md-3 col-sm-6">
                        <h3>Flickr Photos</h3>
                        <ul class="lb-album">
                            <li> <a href="#image-1"> <img src="images/fp1.jpg" alt="image01"> <span><i class="fa fa-search-plus"></i></span> </a>
                                <div class="lb-overlay" id="image-1"> <img src="images/large/large1.gif" alt="image01" />
                                    <div>
                                        <p>Image Tagline Will Come here</p>
                                    </div>
                                    <a href="#page" class="lb-close"><i class="fa fa-times-circle"></i></a> </div>
                            </li>
                            <li> <a href="#image-2"> <img src="images/fp2.jpg" alt="image01"> <span><i class="fa fa-search-plus"></i></span> </a>
                                <div class="lb-overlay" id="image-2"> <img src="images/large/large1.gif" alt="image01" />
                                    <div>
                                        <p>Image Tagline Will Come here</p>
                                    </div>
                                    <a href="#page" class="lb-close"><i class="fa fa-times-circle"></i></a> </div>
                            </li>
                            <li> <a href="#image-3"> <img src="images/fp3.jpg" alt="image01"> <span><i class="fa fa-search-plus"></i></span> </a>
                                <div class="lb-overlay" id="image-3"> <img src="images/large/large1.gif" alt="image01" />
                                    <div>
                                        <p>Image Tagline Will Come here</p>
                                    </div>
                                    <a href="#page" class="lb-close"><i class="fa fa-times-circle"></i></a> </div>
                            </li>
                            <li> <a href="#image-4"> <img src="images/fp4.jpg" alt="image01"> <span><i class="fa fa-search-plus"></i></span> </a>
                                <div class="lb-overlay" id="image-4"> <img src="images/large/large1.gif" alt="image01" />
                                    <div>
                                        <p>Image Tagline Will Come here</p>
                                    </div>
                                    <a href="#page" class="lb-close"><i class="fa fa-times-circle"></i></a> </div>
                            </li>
                            <li> <a href="#image-5"> <img src="images/fp5.jpg" alt="image01"> <span><i class="fa fa-search-plus"></i></span> </a>
                                <div class="lb-overlay" id="image-5"> <img src="images/large/large1.gif" alt="image01" />
                                    <div>
                                        <p>Image Tagline Will Come here</p>
                                    </div>
                                    <a href="#page" class="lb-close"><i class="fa fa-times-circle"></i></a> </div>
                            </li>
                            <li> <a href="#image-6"> <img src="images/fp1.jpg" alt="image01"> <span><i class="fa fa-search-plus"></i></span> </a>
                                <div class="lb-overlay" id="image-6"> <img src="images/large/large1.gif" alt="image01" />
                                    <div>
                                        <p>Image Tagline Will Come here</p>
                                    </div>
                                    <a href="#page" class="lb-close"><i class="fa fa-times-circle"></i></a> </div>
                            </li>
                            <li> <a href="#image-7"> <img src="images/fp7.jpg" alt="image01"> <span><i class="fa fa-search-plus"></i></span> </a>
                                <div class="lb-overlay" id="image-7"> <img src="images/large/large1.gif" alt="image01" />
                                    <div>
                                        <p>Image Tagline Will Come here</p>
                                    </div>
                                    <a href="#page" class="lb-close"><i class="fa fa-times-circle"></i></a> </div>
                            </li>
                            <li> <a href="#image-8"> <img src="images/fp8.jpg" alt="image01"> <span><i class="fa fa-search-plus"></i></span> </a>
                                <div class="lb-overlay" id="image-8"> <img src="images/large/large1.gif" alt="image01" />
                                    <div>
                                        <p>Image Tagline Will Come here</p>
                                    </div>
                                    <a href="#page" class="lb-close"><i class="fa fa-times-circle"></i></a> </div>
                            </li>
                            <li> <a href="#image-9"> <img src="images/fp9.jpg" alt="image01"> <span><i class="fa fa-search-plus"></i></span> </a>
                                <div class="lb-overlay" id="image-9"> <img src="images/large/large1.gif" alt="image01" />
                                    <div>
                                        <p>Image Tagline Will Come here</p>
                                    </div>
                                    <a href="#page" class="lb-close"><i class="fa fa-times-circle"></i></a> </div>
                            </li>
                        </ul>
                    </div>
                    <div class="col-lg-3 col-md-3 col-sm-6">
                        <h3>Recent Posts</h3>
                        <ul class="recent-posts">
                            <li><a href="blog-details.html">Bed ut perspiciatis unde omnis</a></li>
                            <li><a href="blog-details.html">Duis aute irure dolor in excepteur</a></li>
                            <li><a href="blog-details.html">Sint occaecat cupidatat nemo enim</a></li>
                            <li><a href="blog-details.html">Voluptatem quia autem vel eum iure</a></li>
                            <li><a href="blog-details.html">Bed ut perspiciatis unde omnis</a></li>
                            <li><a href="blog-details.html">Duis aute irure dolor in excepteur</a></li>
                            <li><a href="blog-details.html">Sint occaecat cupidatat nemo enim</a></li>
                        </ul>
                    </div>
                    <div class="col-lg-3 col-md-3 col-sm-6">
                        <h3>Tweets</h3>
                        <div>
                            <ul class="tweets">
                                <li class="twuser"><img src="images/twuser-1.jpg" alt=""></li>
                                <li class="twpost">
                                    <h4><a href="#">@johndoe</a></h4>
                                    <p> There are many variations of passages the majority. <span class="url">themeforest.net/item/boxme-res</span> </p>
                                </li>
                            </ul>
                            <ul class="tweets">
                                <li class="twuser"><img src="images/twuser-2.jpg"  alt=""></li>
                                <li class="twpost">
                                    <h4><a href="#">@dazy</a></h4>
                                    <p> There are many variations of passages the majority. <span class="url">themeforest.net/item/boxme-res</span> </p>
                                </li>
                            </ul>
                            <ul class="tweets">
                                <li class="twuser"><img src="images/twuser-3.jpg" alt="" ></li>
                                <li class="twpost">
                                    <h4><a href="#">@lizaanderson</a></h4>
                                    <p> There are many variations of passages the majority. <span class="url">themeforest.net/item/boxme-res</span> </p>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-4 col-sm-6 getintouch">
                        <h3>Get in Touch</h3>
                        <p> when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries. </p>
                        <p>Phone: (012) 123 456
                            Fax: (012) 123 456
                            Email: <a href="mailto:info@relaxspapalace.com">info@relaxspapalace.com</a> <a href="#">www.relaxspapalace.com</a> </p>
                        <div class="social"> <a href="#" title="Facebook"><i class="fa fa-facebook-square"></i></a> <a href="#" title="Linkedin"><i class="fa fa-linkedin-square"></i></a> <a href="#" title="Gplus"><i class="fa fa-google-plus-square"></i></a> <a href="#" title="Twitter"><i class="fa fa-twitter-square"></i></a> <a href="#" title="Pinterest"><i class="fa fa-pinterest-square"></i></a> <a href="#" title="Instagram"><i class="fa fa-instagram"></i></a> <a href="#" title="Flickr"><i class="fa fa-flickr"></i></a> </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- /. Footer Copy rights ./-->

    <section class="footer-copy">
        <div class="container">
            <div class="row">
                <div class="col-lg-12"><strong>Pageant Beauty Palace</strong> &copy; 2014 All Rights Reserved, Designed &amp; Developed by: <a href="http://CrunchPress.com" title="Crunch Press" target="_blank">CrunchPress.com</a></div>
            </div>
        </div>
    </section>
</section>

<!-- /. Footer End ./-->

</div>
<!-- main end -->
<!-- /. Main Container End ./-->
<!-- JavaScript -->
<script src="js/jquery-1.10.2.js"></script><!-- Main Jquery File -->
<script src="js/modernizr.custom.39665.js"></script><!-- Modernizer -->
<script src="js/bootstrap.js"></script><!-- Bootstrap -->
<script src="js/jquery.easing.1.3.js"></script><!-- Easing -->
<script src="js/jquery.prettyPhoto.js" type="text/javascript" charset="utf-8"></script><!-- Pretty Box -->
<script src="js/jquery-scrolltofixed-min.js" type="text/javascript"></script>
<script src="js/underscore-min.js"></script>
<script src="js/cp_loader.js"></script>
<script src="js/custom.js"></script><!-- Custom -->

</body>
</html>
